<script setup lang="ts">
  import DailyDeliveryTask from './components/dailyDeliveryTask.vue';
  import MaterialQuery from './components/materialQuery.vue';
</script>

<template>
  <div class="flow-query">
    <a-card>
      <div class="content">
        <a-tabs
          type="card-gutter"
          size="large"
          default-active-key="1"
          lazy-load
          class="a-tabs"
        >
          <a-tab-pane key="1" title="配送任务">
            <DailyDeliveryTask />
          </a-tab-pane>
          <a-tab-pane key="2" title="物料查询">
            <MaterialQuery />
          </a-tab-pane>
        </a-tabs>
      </div>
    </a-card>
  </div>
</template>

<style scoped>
  .flow-query {
    margin: 0px;
    padding: 10px;
    height: 100%;
  }
  .card-title {
    font-size: 24px;
  }
  .content {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
  }
</style>
